var Index = {
  config: {
    page      : 1  ,
    page_size : 20 ,
    keyword   : '',
    sort      : 'id',
  },
  init: function (config) {
    var _this = this;
    $.extend(_this.config, config);

    loading();
    var page = sessionStorage.getItem('page');
    if (typeof (page) != 'undefined' && page) {
      _this.config.page = page;
      sessionStorage.removeItem('page');
    }

    _this.init_btn();
    _this.get_player_list();
    _this.init_scroll();

  },
  
  init_scroll: function () {
    var _this = this;
    var wHeight = $(window).height();
    $(window).scroll(function () {
      _this.load_img();
    });
  },
  
  load_img: function () {
    var _this = this;
    var scrollTop = $(document).scrollTop();
    var o = $('.pic-list img').eq(0).offset();

    $('.pic-list img').each(function (index, element) {
      var thisimg = $(this);
      var src = $(this).attr('src');
      var pos = $(this).offset();
      var thisHeight = pos.top;

      if (scrollTop + 600 > thisHeight) {
        if (src == '') {

          thisimg.attr('src', thisimg.data('src'));

        }
      }
    });
  },
  
  get_player_list: function () {
    var _this = this;
    var url = _this.config.player_list_url;
    var data = {
      page    : _this.config.page,
      keyword : _this.config.keyword,
      sort    : _this.config.sort,
      url_query_string : _this.config.url_query_string ,
    };

    //添加加载条
    $.post(url, data, function (ret) {
      if ( ret.total == 0 ) {
        $('#player_list').html( '<p class="err-info"><i class="fa fa-frown-o"></i> 用户未找到</p>' );
        $('#load_more_player_btn').hide();
        return ;
      }
      
      //关闭加载条
      $('#player_list').append( ret.html );
      var total_page = Math.ceil( ret.total / _this.config.page_size );
      
      if ( _this.config.page >= total_page ) {
        $('#load_more_player_btn').hide();
      }
    });
    
  },
  
  init_btn: function () {
    var _this = this;
  
    //切换Tab
    $(document).on('click', '.catalog_item', function (e) {
      e.preventDefault();
      if ( $(this).hasClass('btn-primary') ) {
        return ;
      }
      
      var index = $('.catalog_item').index( $(this) );
      var old_index = $('.catalog_item').index( $('.catalog_item[data-sort="'+ _this.config.sort +'"]') );
      $('.catalog_item').eq(old_index).removeClass('btn-primary').addClass('btn-default');
      $('.catalog_item').eq(index).removeClass('btn-default').addClass('btn-primary');
      _this.config.sort = $('.catalog_item').eq(index).data('sort');
      $('#load_more_player_btn').show();
      $('#player_list').empty();
      _this.get_player_list();
    });

    //加载更多
    $(document).on('click' , '#load_more_player_btn' , function(e){
      e.preventDefault();
      _this.config.page++;
      _this.get_player_list();
    });

    //查询按钮 
    $(document).on('click' , '#search_btn' , function(e){
      e.preventDefault();
      _this.config.keyword = $.trim( $('#keyword').val() );
      $('#player_list').empty();
      _this.get_player_list();
    });

    //投票按钮
    $(document).on('click', '.vote_btn', function (e) {
      e.preventDefault();
            
      var player_id = $(this).data('id') ;
      var url = _this.config.do_vote_url ;
      var data = { id :  player_id } ;
      $.post( url , data , function(ret){
        ios_alert.init(ret.info)
        if ( ret.status ) {
          var vote_num = $('#player_vote_' + player_id ).html();
          $('#player_vote_' + player_id ).html( Number(vote_num) + 1 );
        }
      });
    });
  }
};



wx.ready(function () {
  wx.onMenuShareTimeline({
    title : share_data.title, // 分享标题
    link  : share_data.link, // 分享链接
    desc  : share_data.desc , // 分享描述
    imgUrl: share_data.icon, // 分享图标
    success: function () { 
      // 用户确认分享后执行的回调函数
      //alert( share_data.link);
    },
    cancel: function () { 
      //用户取消分享后执行的回调函数
    }
  });
  
  wx.onMenuShareAppMessage({
    title: share_data.title, // 分享标题
    desc : share_data.desc , // 分享描述
    link : share_data.link, // 分享链接
    imgUrl:  share_data.icon, // 分享图标
    type: 'link', // 分享类型,music、video或link，不填默认为link
    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
    success: function () { 
      // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
      // 用户取消分享后执行的回调函数
    }
  });
      
  wx.onMenuShareQQ({
    title: share_data.title, // 分享标题
    desc: share_data.desc, // 分享描述
    link: share_data.link, // 分享链接
    imgUrl: share_data.icon, // 分享图标
    success: function () { 
      // 用户确认分享后执行的回调函数
      //alert(share_data.url);
    },
    cancel: function () { 
      // 用户取消分享后执行的回调函数
    }
  });
  wx.onMenuShareWeibo({
    title: share_data.title, // 分享标题
    desc: share_data.desc, // 分享描述
    link: share_data.link , // 分享链接
    imgUrl: share_data.icon , // 分享图标
    success: function () { 
      // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
      // 用户取消分享后执行的回调函数
    }
  });
});